<!--文档类型声明标签，表示现在正在使用html5-->
<!DOCTYPE html>
<!-- 根标签 lang="en"当前标签使用的语言为英语-->
<html lang="en">
<!-- 头部标签 -->
<head>
    <!--确定头部标签的字符集是UTF-8-->
    <meta charset="UTF-8">
    <title>第一个html页面</title>
</head>
<!-- 主体标签 -->
<body>
<!--
    html标签格式
        1.HTML标签由尖括号包围的关键词,例如<html>
        2.HTML标签通常是成对出现的,我们称之为双标签,第一个是开始标签,第二个是结束标签
        3.有些特殊的标签是单个标签(极少情况),例如<br/>,我们称之为单标签
    html标签关系
        1.包含关系
        2.并列关系
    html基本结构标签
        1.html标签
            根标签，包含整个html页面
        2.header标签
            头部标签，包含html的页头
            2.1 title标签
                网页标题标签
        3.body标签
            主体标签，包含html的全部组成部分
-->
<h1 id="two">传送锚点~~biu</h1>
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
我是内容主题
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

<p>用于定义段落，它可以将整个网页分为若干个段落</p>这是第二段
这是一个完整的换行标签<br>这是第二行
<br>
我<strong>加粗</strong>了
<br>
我<em>倾斜</em>了
<br>
我<del>删除</del>了
<br>
我<ins>下划</ins>了
<hr>
<div>我是一个盒子，我一个人占一行</div>
<div>我也是一个盒子，我一个人占一行</div>
<span>用来布局，一行可以放置多个span</span>
<span>我是另一个span</span>
<span>我是另两个span</span>
<img src="images/d8084e5c63ace97f7b6e9db302e7d94.png" alt="我显示不出来" title="我是图片标题" width="100px" height="100px" border="10px">
<h4>1.外部链接</h4>
<a href="https://www.baidu.com" target="_blank"> 百度</a>
<h4>2.内部链接</h4>
<a href="我是跳转页面.html" target="_blank">跳转</a>
<a href="htm11/我是跳转页面.html" target="_blank">跳转</a>
<h4>3.空链接</h4>
<a href="#">首页</a>
<h4>4.下载链接</h4>
<a href="images/d8084e5c63ace97f7b6e9db302e7d94.zip">下载</a>
<h4>5.网页元素链接</h4>
<a href="我是跳转页面.html" target="_blank"><img src="images/d8084e5c63ace97f7b6e9db302e7d94.png" width="100px"></a>
<h4>6.锚点链接</h4>
<a href="#two"> 传送门 </a>
<h4>7.注释链接</h4>
<!--看不见我，看不见我-->
<h4>8.特殊字符</h4>
讲&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;究<br>
p+1 &gt; p &lt; p+2
</body>
</html>